<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>服务说明</title>
	<link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/order.css">
</head>
<body>
	<div class="g-header">
        <div class="content">
            <ul class="g-right">
                <li class="nav-item home"><a href="/index.html"><i></i><em></em>首页</a></li>
                <li class="nav-item list"><a href="#"><i></i><em></em>订单查询</a></li>
                <li class="nav-item desc"><a href="/desc.html"><i></i><em></em>服务说明</a></li>
                <li class="nav-item service"><a href="/service.html"><i></i><em></em>客户服务</a></li>
            </ul>
            <a href="javascript:void(0);" class="g-left u-logo"></a>
        </div>
    </div>

    <div class="g-wrap">
        <div class="g-star-left"></div>
        <div class="g-star-right"></div>
        <div class="content">
            <div class="u-pencil"></div>
            <div class="u-title">订单查询结果</div>
            <ul class="m-step">
                <li class="m-step-1"><em>1</em>验证手机</li>
                <li class="m-step-2"><em>2</em>选取收货地址</li>
                <li class="m-step-3"><em>3</em>选择服务类型</li>
                <li class="m-step-4 cur"><em>4</em>在线支付</li>
            </ul>

            <div class="m-target step1">
                <div class="form-item">
                    <label>手机号码</label>
                    <input type="text" placeholder="请输入有效的手机号码">
                </div>
                <div class="form-item password">
                    <label>查询密码</label>
                    <input type="text">
                    <a href="javascript:void(0)" class="btn">获取查询密码</a>
                </div>
                <div class="form-item">
                    <a href="javascript:void(0)" class="btn next-step">下一步</a>
                </div>
            </div>
            <div class="m-target step2">
                <div class="tips">您是新用户，请完整填写您的取送地址</div>
                <div class="form-item">
                    <label>客户姓名</label>
                    <input type="text" placeholder="请输入您的姓名">
                </div>
                <div class="form-item">
                    <label>联系手机</label>
                    <input type="text" placeholder="请输入您的手机号码">
                </div>
                <div class="form-item address">
                    <label>详细送取地址</label>
                    <select class="province">
                        <option value="zj">浙江省</option>
                        <option value="js">江苏省</option>
                        <option value="js">黑龙江省</option>
                    </select>
                    <select class="city">
                        <option value="hz">杭州市</option>
                        <option value="hz">建德市</option>
                        <option value="hz">齐齐哈尔市</option>
                    </select>
                    <select class="downtown ">
                        <option value="zj">滨江区</option>
                        <option value="js">西湖区</option>
                        <option value="js">拱墅区</option>
                        <option value="js">西合理區</option>
                    </select>
                </div>
                <div class="form-item col-1 detailAddress" >
                    <input type="text" placeholder="输入具体地址">
                </div>
                <div class="form-item col-1" >
                    <label class="pd0"><input type="checkbox" class="checkbox">同时保存为常用客户</label>
                </div>
                <div class="form-item col-1">
                    <a href="javascript:void(0)" class="btn save-next-step">保存并进入下一步</a>
                </div>
            </div>
            <div class="m-target step21">
                <div class="tips">您是会员，可选择常用收取件地址或使用新地址</div>
                <div class="address-item cur">
                    <label>
                        <input type="radio" name="address"><span>李发财</span><span>浙江省杭州市滨江区网商路599号网易大厦</span><span>13500554454</span><span class="delete"></span>
                    </label>
                </div>
                <div class="address-item">
                    <label>
                        <input type="radio" name="address"><span>李发财</span><span>浙江省杭州市滨江区网商路599号网易大厦</span><span>13500554454</span><span class="delete"></span>
                    </label>
                </div>
                <div class="new-address-mes">
                    <div class="form-item">
                        <label>客户姓名</label>
                        <input type="text" placeholder="请输入您的姓名">
                    </div>
                    <div class="form-item">
                        <label>联系手机</label>
                        <input type="text" placeholder="请输入您的手机号码">
                    </div>
                    <div class="form-item address">
                        <label>详细送取地址</label>
                        <select class="province">
                            <option value="zj">浙江省</option>
                            <option value="js">江苏省</option>
                            <option value="js">黑龙江省</option>
                        </select>
                        <select class="city">
                            <option value="hz">杭州市</option>
                            <option value="hz">建德市</option>
                            <option value="hz">齐齐哈尔市</option>
                        </select>
                        <select class="downtown ">
                            <option value="zj">滨江区</option>
                            <option value="js">西湖区</option>
                            <option value="js">拱墅区</option>
                            <option value="js">西合理區</option>
                        </select>
                    </div>
                    <div class="form-item col-1 detailAddress" >
                        <input type="text" placeholder="输入具体地址">
                    </div>
                    <div class="form-item col-1" >
                        <label class="pd0"><input type="checkbox" class="checkbox">同时保存为常用客户</label>
                    </div>
                    <div class="form-item col-1">
                        <a href="javascript:void(0)" class="btn to-add">确定添加</a>
                        <a href="javascript:void(0)" class="btn to-cancel">取消</a>
                    </div>
                </div>
                <div class="form-item">
                    <a href="javascript:void(0)" class="btn add-new-address">添加新地址</a>
                </div>
                <div class="form-item">
                    <a href="javascript:void(0)" class="btn address-next-step">下一步</a>
                </div>
                
            </div>
            <div class="m-target step3">
                <div class="service-item">
                    <h2>1、选择想要的服务</h2>
                    <div class="service-content single-select">
                        <label class='cur'>鞋类清洗</label>
                        <label>鞋类护理</label>
                    </div>
                    <h2>2、选择想要服务的鞋子类型（可多选）</h2>
                    <div class="service-content muti-select">
                        <label>运动鞋</label>
                        <label class="cur">帆布鞋</label>
                        <label class="cur">板鞋</label>
                    </div>
                    <h2>3、选择你需要服务的鞋子数量</h2>
                    <div class="service-content">
                        <span class="select">
                            <i>1</i>
                            <em class="up"></em>
                            <em class="down"></em>
                        </span>
                    </div>
                    <h2>服务金额：<span class="money">￥210</span>(含服务费)</h2>
                    <div class="form-item">
                        <a href="javascript:void(0)" class="btn submit-order">提交订单</a>
                    </div>
                </div>
            </div>
        </div>
        
    </div>
    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
    <script src="js/jquery-1.9.1.js"></script>

    <script src='js/order.js'></script>
</body>
</html>